page {
	background-color: #fff;
}
.info {
	width: 100%;
	height: 100%;
	padding: 12rpx 32rpx 0;
	box-sizing: border-box;
	font-size: 28rpx;
	.loginout{
		margin-top: 224rpx;
	}
	.circle {
		border-radius: 50%;
		width: 72rpx;
		height: 72rpx;
		display: flex;
		margin-right: 28rpx;
		margin-top: 20rpx;
		align-items: center;
		.user_img {
			image {
				border-radius: 50%;
				width: 72rpx;
				height: 72rpx;
			}
		}
		.arrow_right {
			image {
				width: 40rpx;
				height: 40rpx;
			}
		}
	}
	.info_part {
		position: relative;
		display: flex;
		justify-content: space-between;
		text-align: right;
		.info_text{
			padding-top: 35rpx;
			color: #666;
		}
		.info_name {
			display: inline-block;
			font-size: 28rpx;
			color: #333;
			line-height: 112rpx;
		}
		.right {
			width: 48rpx;
			height: 48rpx;
			right: 0;
			top: 49%;
			transform: translateY(-48%);
		}
		.paddingRirht {
			padding-right: 24rpx;
		}
		// &:nth-child(-n+1) {
		// 	&::before {
		// 		width: 48rpx;
		// 		height: 48rpx;
		// 		content: "";
		// 		position: absolute;
		// 		right: 0;
		// 		top: 50%;
		// 		transform: translateY(-50%);
		// 		// background-image: url(/static/image/arrow_right.png);
		// 		background-repeat: no-repeat;
		// 		background-size: 100%;
		// 	}
		// }

		&::after {
			display: block;
			padding: 0;
			margin: 0;
			clear: both;
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #eee;
			width: 100%;
			height: 2rpx;
		}
	}
}